<h1 data-bind="text: title"></h1>
<div class="col justify-content-center">
	<div data-bind="foreach: markedQuestions" class="row list-group">
		<a data-bind="click: $parent.navigateToDetails" href="#" class="list-group-item list-group-item-action flex-column align-items-start">
			<div data-bind="visible: $data.annotation !== null" class="row question-annotation-wrapper">
				<h4>
					<span class="badge badge-primary">Note:</span>
					<span data-bind="text: $data.annotation"></span>
				</h4>
				<hr />
			</div>
			<div class="row question-peek-wrapper">
				<h3>
					<span data-bind="text: $data.score" class="badge badge-secondary"></span>
					<span data-bind="text: $data.title" class="mb-1"></span>
				</h3>
				<small data-bind="text: $data.authorName"></small>
			</div>
			<p data-bind="text: $data.body" class="mb-1 search-result-body"></p>
		</a>
	</div>
	<pagination params="getItems: getMarkedQuestions, eventName: 'markedQuestionsLoaded'"></pagination>
</div>